<template>
    <div class="content">
        <p class="item">
                <span><i>{{index+1}}</i>{{task.content}}</span>
                <el-button type="success" size="mini" v-if='id==1'>处置</el-button>
                <el-button icon="el-icon-edit" type="success" size="mini" v-if='id==2'>详情</el-button>
        </p>
    </div>
</template>
<script>
export default {
    props:['task','id','index']
}
</script>
<style lang="scss" scoped>
.item{
      display:flex;
      justify-content: space-between;
      align-items: center;
      margin:0;
      margin-top:10px;
      height:25px;
      line-height:25px;
      span{
        i{
          margin-right:10px;
          font-style: normal;
        }
        overflow: hidden;
        text-overflow:ellipsis;    
        white-space: nowrap;
        font-size:14px;
        margin-right:10px;
      }
      button{
        span{
          margin-right:0
        }
      }
    }
</style>